<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
    {{--如果在HDPHP、Laravel等框架中使用组件，需要在标签中添加以下代码，这样可以实现框架的CSRF表单令牌验证,ajax异步传输的时候使用这个元标签就不能每个ajax异步请求中都再加@csrf令牌了--}}
    <meta name="csrf-token" content="{{csrf_token()}}">
    <!-- Libs CSS -->
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/fonts/feather/feather.min.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/highlight/styles/vs2015.min.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/quill/dist/quill.core.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/flatpickr/dist/flatpickr.min.css">

    <!-- Theme CSS -->
    <!-- Values are "toggle", "light", and "dark". See "Getting Started" for more information -->
    <!-- Toggle Mode: For demo only, but allows a user to seamlessly toggle between light/dark modes -->

    <link href="{{asset('org/Dashkit-1.2.0')}}/css/theme-dark.min.css" rel="" data-toggle="theme" data-theme-mode="dark">
    <link href="{{asset('org/Dashkit-1.2.0')}}/css/theme.min.css" rel="" data-toggle="theme" data-theme-mode="light">
    {{--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>--}}
    <style>
        body { display: none; }
    </style>
    <script>
        var themeMode = (localStorage.getItem('dashkitThemeMode')) ? localStorage.getItem('dashkitThemeMode') : 'light';
        var themeFile = document.querySelector('[data-toggle="theme"][data-theme-mode="' + themeMode + '"]');

        // Enable stylesheet
        themeFile.rel = 'stylesheet';

        // Enable body content
        themeFile.addEventListener('load', function() {
            document.body.style.display = 'block';
        });
    </script>

    <script src="/js/vue.min.js"></script>
    <script src="/js/jquery.min.js"></script>
    @include('layouts._hdjs')
    @include('layouts._message2')
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">

        <!-- Toggler -->
        <button class="navbar-toggler mr-auto" type="button" data-toggle="collapse" data-target="#navbar"
                aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Brand -->
        <a class="navbar-brand mr-auto" href="{{route('admin.module.index')}}">
            <img src="{{asset('org/Dashkit-1.2.0/img')}}/logo.jpg"  class="navbar-brand-img">
        </a>

        <!-- Form -->
        <form class="form-inline mr-4 d-none d-lg-flex" id="sousuo" action="{{route('edu.topic.search')}}" method="post">
            @csrf
            <div class="input-group input-group-rounded input-group-merge" data-toggle="lists"
                 data-lists-values='["name"]'>

                <!-- Input -->
                <input type="search"  name="search"  class="form-control form-control-prepended  dropdown-toggle search"
                       data-toggle="dropdown"  placeholder="搜索文章" aria-label="Search">
                <div class="input-group-prepend">
                    <div class="input-group-text" onclick="$('#sousuo').submit()">
                        <i class="fe fe-search" ></i>
                    </div>
                </div>

                <!-- Menu -->
                <div class="dropdown-menu dropdown-menu-card">
                    <div class="card-body">

                        <!-- List group -->
                        <div class="list-group list-group-flush list my--3">
                            <a href="team-overview.html" class="list-group-item px-0">
                                <div class="row align-items-center">
                                    <div class="col-auto">
                                        <div class="avatar">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/teams/team-logo-1.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded">
                                        </div>
                                    </div>
                                    <div class="col ml--2">

                                        <!-- Title -->
                                        <h4 class="text-body mb-1 name">
                                            Airbnb
                                        </h4>

                                        <!-- Time -->
                                        <p class="small text-muted mb-0">
                                            <span class="fe fe-clock"></span>
                                            <time datetime="2018-05-24">Updated 2hr ago</time>
                                        </p>

                                    </div>
                                </div> <!-- / .row -->
                            </a>
                        </div>

                    </div>
                </div> <!-- / .dropdown-menu -->

            </div>
        </form>

        <!-- User -->
        <div class="navbar-user">

            <!-- Dropdown -->
            <div class="dropdown mr-4 d-none d-lg-flex">

                <!-- Toggle -->
                <a href="#" class="text-muted" role="button" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false">
              <span class="icon active">
                <i class="fe fe-bell"></i>
              </span>
                </a>

                <!-- Menu -->
                <div class="dropdown-menu dropdown-menu-right dropdown-menu-card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col">

                                <!-- Title -->
                                <h5 class="card-header-title">
                                    Notifications
                                </h5>

                            </div>
                            <div class="col-auto">

                                <!-- Link -->
                                <a href="#!" class="small">
                                    View all
                                </a>

                            </div>
                        </div> <!-- / .row -->
                    </div> <!-- / .card-header -->
                    <div class="card-body">

                        <!-- List group -->
                        <div class="list-group list-group-flush my--3">
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{auth()->user()->icon??''}}"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Dianna Smiley</strong> shared your post with
                                            <strong class="text-body">Ab Hadley</strong>, <strong class="text-body">Adolfo
                                                Hess</strong>, and <strong class="text-body">3 others</strong>.
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-2.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Ab Hadley</strong> reacted to your post with a 😍
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-3.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Adolfo Hess</strong> commented
                                            <blockquote class="text-body">“I don’t think this really makes sense to do
                                                without approval from Johnathan since he’s the one...”
                                            </blockquote>
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-4.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Daniela Dewitt</strong> subscribed to you.
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-5.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Miyah Myles</strong> shared your post with <strong
                                                    class="text-body">Ryu Duke</strong>, <strong class="text-body">Glen
                                                Rouse</strong>, and <strong class="text-body">3 others</strong>.
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-6.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Ryu Duke</strong> reacted to your post with a 😍
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-7.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Glen Rouse</strong> commented
                                            <blockquote class="text-body">“I don’t think this really makes sense to do
                                                without approval from Johnathan since he’s the one...”
                                            </blockquote>
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                            <a class="list-group-item px-0" href="#!">

                                <div class="row">
                                    <div class="col-auto">

                                        <!-- Avatar -->
                                        <div class="avatar avatar-sm">
                                            <img src="{{asset('org/Dashkit-1.2.0')}}/img/avatars/profiles/avatar-8.jpg"
                                                 alt="..."
                                                 class="avatar-img rounded-circle">
                                        </div>

                                    </div>
                                    <div class="col ml--2">

                                        <!-- Content -->
                                        <div class="small text-muted">
                                            <strong class="text-body">Grace Gross</strong> subscribed to you.
                                        </div>

                                    </div>
                                    <div class="col-auto">

                                        <small class="text-muted">
                                            2m
                                        </small>

                                    </div>
                                </div> <!-- / .row -->

                            </a>
                        </div>

                    </div>
                </div> <!-- / .dropdown-menu -->

            </div>
            <!-- Dropdown -->
            {{--@auth用来快速认证当前用户,看当前用户是否登陆--}}
            @auth
                <div class="dropdown">
                    <!-- Toggle -->
                    <a href="#" class="avatar avatar-sm avatar-online dropdown-toggle" role="button"
                       data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">
                        <img src="{{auth()->user()->icon??''}}" alt="..."
                             class="avatar-img rounded-circle">
                    </a>

                    <!-- Menu -->
                    <div class="dropdown-menu dropdown-menu-right">
                        @can('Admin-module')
                            <a href="{{route('admin.module.index')}}" class="dropdown-item">后台管理</a>
                        @endcan
                        <a href="{{route('user.info.edit','password')}}" class="dropdown-item">修改密码</a>
                        <a href="{{route('user.info.edit','icon')}}" class="dropdown-item">更新头像</a>
                        <a href="settings.html" class="dropdown-item">粉丝列表</a>
                        <a href="settings.html" class="dropdown-item">课程收藏</a>
                        <a href="settings.html" class="dropdown-item">学习记录</a>
                        <hr class="dropdown-divider">
                        <a href="{{route('logout')}}" class="dropdown-item">退出</a>
                    </div>
                </div>
            @else
                <div class="dropdown">
                    <a href="{{route('login')}}" class="btn btn-white btn-sm">
                        <span class="fe fe-user-check"></span> 登录
                    </a>
                    <a href="{{route('register')}}" class="btn btn-white btn-sm">
                        <span class="fe fe-log-out"></span>注册
                    </a>
                </div>
            @endauth
        </div>
        <!-- Collapse -->
        <div class="collapse navbar-collapse mr-auto order-lg-first" id="navbar">

            <!--用户可以在这里搜索帖子数据信息 -->
            <form class="mt-4 mb-3 d-md-none" id="sousuo" action="{{route('edu.topic.search')}}" method="post">
                @csrf
                <input type="search" name="search" class="form-control form-control-rounded" placeholder="搜索帖子" aria-label="Search" onclick="$('#sousuo').submit()" >
            </form>

            <!-- Navigation -->
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link mr-3" href="{{route('edu.home.index')}}">
                        首页
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link mr-3" href="{{route('edu.topic.index')}}">
                        帖子管理
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">
                        课程
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div class="main-content">
    @yield('content')
</div>
@stack('js')
</body>
</html>